<html>
	<head>
		<title>Twitter Calendar</title>
	</head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript">
		var d = new Date();
		var utcoffset = d.getHours() - d.getUTCHours();
		
		$(function() {
			$("input.utcoffset").val(utcoffset);
		});
	</script>
  <body>
	<h1><a href="/">Twitter Calendar</a></h1>
	<p>
		Twitter Calendar helps visual Twitter statuses by putting them into a calendar display.
		Twitter Calendar will put Twitter statuses into an iCal format that can
		be used in applications like Microsoft Outlook or Google Calendar.
	</p>
	<p>
		Currently, Twitter Calendar only works for a single user's timeline (no searches or hashtags),
		and will only get the 200 most recent statuses of a user.  The user must be on the public timeline (not protected).
	</p>
	<h2>Instructions</h2>
	<p>
		Enter a Twitter Username to get that user's Twitter Calendar.
	</p>
	<form id="getcal" method="post">	
		<label for="username">Twitter Username</label>
		<input type="input" id="username" name="username" value="{{ twitteruser }}"></input>
		<input type="hidden" id="utcoffset" name="utcoffset" class="utcoffset"></input>
		<input type="submit" value="Get Calendar"></input>
	</form>
  </body>
</html>